<template>
	<view class="pageBg">
		<tabListView :tabList="tabList" :tabindex="tabindex" @tabChange="tabChange"></tabListView>
		<house ref="paginationScrolling" @tabChange="tabChange" :swiperCur="tabindex" :tabList="tabList" api="Favoritelists" apiData="type">
			<template #scrollList0="{ list }">
				<goodslist :list="list"></goodslist>
			</template>
			<template #scrollList1="{ list }">
				<exhibitionCardList pageType="2" detClick :list="list"></exhibitionCardList>
			</template>
			<template #scrollList2="{ list }">
				<exhibitionCardList pageType="3" detClick :list="list"></exhibitionCardList>
			</template>
			<template #scrollList3="{ list }">
				<leader :listData="list"></leader>
			</template>
		</house>
	</view>
</template>

<script>
	import exhibitionCardList from '@/components/wbz/exhibitionCard/list.vue';
	import goodslist from '@/components/group/list/list.vue';
	import tabListView from '@/components/my/tabListView/tabListView.vue';
	import { underDevelopment } from '@/utils/utils.js';
	import house from '@/components/paginationScrolling/house.vue';
	export default {
		components: {
			goodslist,
			house,
			tabListView,
			exhibitionCardList,
		},
		data() {
			return {
				tabList: [
					{
						name: '人脉圈',
						type: 1,
					},
					
					{
						name: '展会',
						type: 2,
					},
					{
						name: '行业大会',
						type: 3,
					},
					{
						name: '未来学社',
						type: 4,
					},
				],
				tabindex: 0,
			};
		},
		onShow() {
			if (this.$refs.paginationScrolling) {
				this.$refs.paginationScrolling.reset();
				this.$refs.paginationScrolling.init();
			}
		},
		methods: {
			tabChange({ item, index }) {
				this.tabindex = index;
			},
		},
	};
</script>

<style lang="scss" scoped>
	.pageBg {
	}
</style>
